google.load('visualization', '1.0', {'packages':['corechart']});
google.setOnLoadCallback(function(){
  var data = new google.visualization.DataTable();
       data.addColumn('string', '日');
       data.addColumn('number', 'DL数');
       data.addColumn('number', 'Googleセルラン');
       data.addColumn('number', 'iOSセルラン');
       data.addColumn({type:'string', role:'annotation'});
       data.addColumn({type:'string', role:'annotationText'});
       data.addRows([
        ['2021-05-23',167136,192,486,null,null],
['2021-05-24',167149,186,527,null,null],
['2021-05-25',167171,173,475,null,null],
['2021-05-26',167189,170,473,'EV','不思議な音と、オオきなミミの大冒険: 05/26 14:00 → 06/09 14:00'],
['2021-05-27',167189,167,218,null,null],
['2021-05-28',167189,172,322,null,null],
['2021-05-29',167239,173,510,null,null],
['2021-05-30',167239,null,661,null,null],
['2021-05-31',167272,null,636,null,null],
['2021-06-01',167284,null,717,null,null],
['2021-06-02',167290,null,409,null,null],
['2021-06-03',167314,null,499,'EV','隊長の休日INジャパリパーク～四神襲来！～(ビャッコ編): 06/03 00:00 → 06/09 14:00'],
['2021-06-04',167314,null,271,null,null],
['2021-06-05',167338,null,364,null,null],
['2021-06-06',167352,null,479,null,null],
['2021-06-07',167357,null,472,null,null],
['2021-06-08',167357,null,445,null,null],
['2021-06-09',167418,null,557,'EV','体力測定 インドオオカミ編: 06/09 18:00 → 06/23 14:00'],
['2021-06-10',167436,null,308,null,null],
['2021-06-11',167450,166,441,null,null],
['2021-06-12',167479,null,594,null,null],
['2021-06-13',167502,null,726,null,null],
['2021-06-14',167530,null,764,null,null],
['2021-06-15',167557,null,925,null,null],
['2021-06-16',167581,null,872,null,null],
['2021-06-17',167611,null,940,'EV','みんなでけもぷよ！: 06/17 14:00 → 06/30 14:00'],
['2021-06-18',167630,null,389,null,null],
['2021-06-19',167654,null,455,null,null],
['2021-06-20',167675,null,620,null,null],
['2021-06-21',167707,null,716,null,null],
['2021-06-22',167760,null,735,null,null],
['2021-06-23',167781,null,111,null,null],
['2021-06-24',167841,175,162,null,null],
['2021-06-25',167892,113,268,null,null],
['2021-06-26',167920,106,350,'EV','セルリアン大掃除(14回目): 06/26 14:00 → 07/03 14:00'],
['2021-06-27',167954,113,178,null,null],
['2021-06-28',167991,106,215,null,null],
['2021-06-29',168002,85,267,null,null],
['2021-06-30',168002,83,365,'EV','ナイトジャパリ～輝く竹を探して～: 06/30 17:00 → 07/08 14:00'],
['2021-07-01',168002,101,312,null,null],
['2021-07-02',168116,101,455,null,null],
['2021-07-03',168116,153,489,null,null],
['2021-07-04',168155,160,516,null,null],
['2021-07-05',168171,174,542,null,null],
['2021-07-06',168188,null,657,null,null],
['2021-07-07',168246,null,665,null,null],
['2021-07-08',168246,153,720,'EV','体力測定 オオウミガラス＆マーモット編: 07/08 18:00 → 07/22 14:00'],
['2021-07-09',168246,null,333,null,null],
['2021-07-10',168246,null,389,'EV','野生大解放チャレンジ アイアイ編: 07/10 00:00 → 07/15 23:59'],
['2021-07-11',168246,null,435,null,null],
['2021-07-12',168246,null,536,null,null],
['2021-07-13',168246,null,643,null,null],
['2021-07-14',168246,null,600,null,null],
['2021-07-15',168246,null,720,null,null],
['2021-07-16',168428,null,790,null,null],
['2021-07-17',168428,null,293,null,null],
['2021-07-18',168466,null,348,null,null],
['2021-07-19',168466,null,419,null,null],
['2021-07-20',168466,null,504,null,null],
['2021-07-21',168555,null,629,null,null],
['2021-07-22',168577,null,522,'EV','セルリアン大掃除(15回目): 07/22 14:00 → 07/30 14:00']
        ]);
  var options = {
    chartArea: {'width':'85%', 'height':'65%', 'left':60 },
    'pointSize': 3,
    legend: {position: 'top' },
    vAxes:[
      {direction:1},
      {direction:-1,viewWindow:{min:0,max:900}}
    ],
    series: {
      0:{
        type: 'bars',
        color: 'skyblue',
        targetAxisIndex: 0,
      },
      1:{
        type: 'line',
        color: 'seagreen',                
        targetAxisIndex: 1,
      },
      2:{
        type: 'line',
        color: 'red',                
        targetAxisIndex: 1,
      },
    },
    tooltip: { trigger: 'both' },
    focusTarget: 'category',
    colors:['#2980b9','#e74c3c']
  };
  var chart = new google.visualization.ComboChart(document.getElementById('graphField'));
  chart.draw(data, options);
  
  google.visualization.events.addListener(chart, 'click', function() {
    if(chart.getSelection()[0]){
      chart.setSelection(null)
    }
  });


});